成果頁面

這邊透過 codesandbox 分享程式碼給大家參考~ 也歡迎大家討論

https://codesandbox.io/s/webrtc-p2p-v976px

記得加上 firebase config 👇

const firebaseConfig = {
  // your firebaseConfig
};

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

心得

在這 30 天的 WebRTC + Firebase 視訊通話系列中，探索了從原理到實作的完整過程。學會了如何建立視訊通話應用，處理信令、媒體流和了解基礎的傳輸協定……等。

文章有些部分沒有很清楚或程式碼或可以優化的部分 ex: 連線錯誤處理、監聽事件使用 useEffect 取消監聽會更好、hangUp 方重複觸發，礙於時間的關係沒有繼續完成，若有想法或問題也可以提出，一起討論。

之前透過這次的鐵人賽挑戰除了把之前個人專案沒有釐清的部分再次搞懂，也把學習到的知識整理內化並分享，希望透過這次的分享幫助到想要實現視訊而不知道該從和起手的前端工程師~